<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Honeydew</title>
<!-- Jquery -->
<script src="http://code.jquery.com/jquery.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script src="${pageContext.request.contextPath}/js/jquery.blockUI.js"></script>
<script src="${pageContext.request.contextPath}/js/jquery.mask.js"></script>
<!-- carousel -->
<link href="${pageContext.request.contextPath}/css/carousel.css" rel="stylesheet" />
<!-- Bootstrap -->
<link href="${pageContext.request.contextPath}/bootstrap-3.1.1-dist/css/bootstrap.min.css" rel="stylesheet" media="screen" />
<script src="${pageContext.request.contextPath}/bootstrap-3.1.1-dist/js/bootstrap.min.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script>
<!-- responsive -->
<link href="${pageContext.request.contextPath}/css/bootstrap-responsive.css" rel="stylesheet" type="text/css">
<!-- holder -->
<script src="${pageContext.request.contextPath}/holder/holder.js"></script>
<!-- commons -->
<link href="${pageContext.request.contextPath}/css/commons.css" rel="stylesheet" />
<script src="${pageContext.request.contextPath}/js/shop.js"></script>

<!-- Shop -->
<script src="${pageContext.request.contextPath}/js/shop.js"></script>
</head>

<!-- body -->
<body>
<s:set var="theme" value="'simple'" scope="page" />
<s:form>
	<div class="container body-base">
		
		<table width="100%">
			<tr>
		    	<td>
		        	<!-- banner -->
		        	<s:include value="header.jsp" />
		        </td>
		    </tr>
		    <tr>
		    	<td>
		        	<!-- content -->
		            <table width="100%">
		            	<tr>
		                	<td width="20%" align="left" valign="top">
		                    	<br />
		                        <s:include value="index_link.jsp" />
		                    	<s:hidden id="bigSeqid" name="bigSeqid" />
		                    	<s:hidden id="medSeqid" name="medSeqid" />
		                    	<s:hidden id="pageNum" name="pageNum" />
		                    </td>
		                    <td width="80%" align="center" valign="top">
		                    	<br />
		                        <div class="row-fluid" align="center">
		                            <img src="${pageContext.request.contextPath}/image/shoppingCar-01-1.jpg" width="248" height="33" />
		                            <img src="${pageContext.request.contextPath}/image/shoppingCar-02-2.jpg" width="174" height="33" />
		                            <img src="${pageContext.request.contextPath}/image/shoppingCar-03-2.jpg" width="182" height="33" />
		                            <img src="${pageContext.request.contextPath}/image/shoppingCar-04-2.jpg" width="159" height="33" />
		                        </div>
		                        <br />
		                        <div class="row-fluid">
		                        	<s:if test="orderDetailkList != null">
		                        	
		                            <table class="table table-condensed">
		                                <tr>
		                                    <th>商品圖片</th>
		                                    <th>商品名稱</th>
		                                    <th>規格</th>
		                                    <th>單價</th>
		                                    <th>數量</th>
		                                    <th>小計</th>
		                                    <th>取消</th>
		                                </tr>
		                                
		                                <s:iterator value="orderDetailkList" status="st">
		                                	<tr>
			                                    <td>
			                                        <img src="<s:property value='sharePath'/>item/<s:property value='Iteminformationseqid.Number'/>/<s:property value='Iteminformationseqid.Mainphoto'/>" width="90" height="100" />
			                                    </td>
			                                    <td>
			                                        <font class="font-01">
			                                        	<s:property value="Iteminformationseqid.Name"/>
			                                        </font>
			                                  </td>
			                                    <td>
			                                        <font class="font-01">
			                                        	<s:property value="Size"/>
			                                        </font>
			                                  </td>
			                                    <td>
			                                        <font class="font-price">
			                                        	$<s:property value="Price"/>
			                                        </font>
			                                  </td>
			                                  <td>
													<font class="font-01">
													    <s:property value="Amount"/>
													</font>
			                                  </td>
			                                  <td>
			                                      <font class="font-price">
			                                      	$<s:property value="SubTotal"/>
			                                      </font>
			                                  </td>
			                                    <td>
			                                        <input type="button" class="btn" onclick="ajaxStep0101(<s:property value='#st.index'/>);" value="取消" />
			                                    </td>
			                                </tr>
		                                </s:iterator>
		                                
		                                <tr align="center" valign="middle">
		                                    <td colspan="7">
		                                        <p>商品金額總計(共<s:textfield theme="simple" id="orderInformationBo.Totalitems" name="orderInformationBo.Totalitems" disabled="true" />件)</p>
		                                        <font class="font-price">NT$ </font>
		                                        <s:textfield theme="simple" id="orderInformationBo.Totalmoney" name="orderInformationBo.Totalmoney" disabled="true" />
		                                    </td>
		                                </tr>
		                            </table>
		                            
		                            </s:if>
	                                <s:else>
	                                	<p class="font-warring-02">您的購物車目前是空的!</p>
	                                </s:else>
		                        </div>
		                        <br />
		                        
		                        <s:if test="orderDetailkList != null">
								<div class="row-fluid" align="center">
								      <input type="button" class="btn" disabled="disabled" value="上一步" />
								      <input type="button" class="btn" value="下一步" onclick="ajaxStep02();" />
								</div>
								  
								<div class="row-fluid" align="center">
								  <p class="font-01">請先登入會員之後，再進行結帳處理!</p>
								</div>
								</s:if>
								
		                    </div>
		                 	<br />
		                    </td>
		                </tr>
		            </table>
		        </td>
		    </tr>
		    <tr>
		    	<td>
		        	<!-- footer -->
		        	<s:include value="footer.jsp" />
		        </td>
		    </tr>
		    <tr>
		    	<td>
		        	<!-- copyright -->
		        	<s:include value="copyright.jsp" />
		        </td>
		    </tr>
		</table>
		
	</div>
</s:form>
</body>
</html>
